     input[type="range"]{
            -webkit-appearance: none;
            background: white;
            border-radius: 4px;
            width: 270px;
            height: 50px;
            outline: none;
            box-shadow: 0 0 6px rgb(28,32,48);
        }
        /* 滑动选择器的按钮 */
        input[type="range"]::-webkit-slider-thumb{
            -webkit-appearance: none;
            width: 50px;
            height: 50px;
            background: #f53b57;
            border-radius: 10%;
          
            transition: .3s;
        }
 
        /* 拖动滑动选择器的按钮的时候 */
        input[type="range"]:active::-webkit-slider-thumb{
            background: #ef5777;
            box-shadow: 0 0 0 6px rgba(155, 73, 146, .4);
        }
 .slider_label{
	position: absolute;
    width:150px;
    height:50px;
    left:30%;
    top:38%;
    font-size: 30px;
    color:white;
    display:none;
    animation: label_left_ani 1.5s;
}
@keyframes label_left_ani{
    0%{
        left:5%;
        opacity: 0;
    }
    100%{
        left:30%;
        opacity: 1;
    }
}